<!DOCTYPE html>

<html>

<!--HEAD -->
<head>

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>Stata Visual Library</title>

  <link rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
    crossorigin="anonymous">

  <link rel="stylesheet" href="site_libs/bootstrap-3.3.5/css/cerulean.min.css">
  <link rel="stylesheet" href="site_libs/custom-css.css">

  <script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"
    onload="loaded=true; console.log(loaded)">
  </script>

  <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#contain").load("https://raw.githubusercontent.com/worldbank/stata-visual-library/master/docs/header.html");
    });
  </script>


  <script type="text/javascript">
  if (window.hljs) {
    hljs.configure({languages: []});
    hljs.initHighlightingOnLoad();
    if (document.readyState && document.readyState === "complete") {
        window.setTimeout(function() { hljs.initHighlighting(); }, 0);
       }
  }
</script>

<script type="text/javascript">
  jQuery(document).ready(function(){
        jQuery("#stata").load("https://raw.githubusercontent.com/worldbank/stata-visual-library/master/Library/bar-better-ci.html");
  });
</script>


<script type="text/javascript">
if (window.hljs) {
  hljs.configure({languages: []});
  hljs.initHighlightingOnLoad();
  if (document.readyState && document.readyState === "complete") {
      window.setTimeout(function() { hljs.initHighlighting(); }, 0);
  }
}
</script>

<style>

.em {font-weight:bold;}
pre, code {font-family: "lucida console", monospace;}
pre.stata {font-size:13px; line-height:13px;}
pre {padding:8px; border:1px solid #c0c0c0; border-radius:8px; background-color:#fdfdfd;}
code {color:#3366cc; background-color:#fafafa;}
pre code { color:black; background-color:white}
</style>

  <title>bar-better-ci</title>
  <style>
        code{white-space: pre-wrap;}
        span.smallcaps{font-variant: small-caps;}
        span.underline{text-decoration: underline;}
        div.column{display: inline-block; vertical-align: top; width: 50%;}
  </style>
  <!--[if lt IE 9]>
      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->
</head>

<!-- BODY -->
<body>

  <!-- Upper row -->
  <div id="contain"></div>

  <!-- Content -->
  <div class="container-fluid main-container">

    <pre class="stata"> 
      <div id="stata"></div>
    </pre>
  </div> 
<img src="figure/bar-better-ci.png">

 </div>
<!-- dynamically load mathjax for compatibility with self-contained -->
<script
  src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
  integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
  crossorigin="anonymous">
</script>
<script
  src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
  integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
  crossorigin="anonymous">
</script>

</body>
</html>